コマンドラインから DevTools をインストールして実行する

コンテンツ

CLI から Dart DevTools を実行するには、次のものが必要です。dartあなたの道に。それから次のコマンドを実行して DevTools を起動できます。

dart devtools

DevTools をアップグレードするには、Dart SDK をアップグレードします。新しい Dart SDK の場合新しいバージョンの DevTools が含まれており、dart devtools自動的にこのバージョンを起動します。もしもwhich dartに含まれる Dart SDK を指します。 Flutter SDK をアップグレードすると、DevTools もアップグレードされます。 Flutter SDK を新しいバージョンに更新します。

コマンドラインから DevTools を実行すると、次のような出力が表示されるはずです。次のようになります:

Serving DevTools at http://127.0.0.1:9100

デバッグするアプリケーションを起動する

次に、接続するアプリを起動します。これは Flutter アプリケーションのいずれかですまたは Dart コマンドラインアプリケーション。以下のコマンドは Flutter アプリを指定します。

cd path/to/flutter/app
flutter run

デバイスを接続するか、シミュレーターを開いている必要があります。ためにflutter run働くこと。アプリが起動すると、端末に次のようなメッセージが表示されます。

An Observatory debugger and profiler on macOS is available at:
http://127.0.0.1:52129/QjqebSY4lQ8=/
The Flutter DevTools debugger and profiler on macOS is available at:
http://127.0.0.1:9100?uri=http://127.0.0.1:52129/QjqebSY4lQ8=/

アプリに接続されている DevTools インスタンスを開きます Chrome で 2 番目のリンクを開いてください。

この URL にはセキュリティトークンが含まれており、したがって、アプリの実行ごとに異なります。つまり、アプリケーションを停止して再実行すると、新しい URL を使用して DevTools に再度接続する必要があります。

新しいアプリインスタンスに接続する

アプリの実行が停止した場合または、DevTools を手動で開いた場合、見るべきです接続ダイアログ：

Screenshot of the DevTools connect dialog

DevTools を新しいアプリインスタンスに手動で接続できますアプリの実行時に取得した Observatory リンクをコピーすることで、そのようなhttp://127.0.0.1:52129/QjqebSY4lQ8=/それを接続ダイアログに貼り付けます。